<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>数据表格</title>
<link rel="stylesheet" type="text/css" href="${pageContext.servletContext.contextPath}/jquery-easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="${pageContext.servletContext.contextPath}/jquery-easyui/themes/icon.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
<div id="toolbar">
  <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls: 'icon-large-picture'">图片</a>
  <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls: 'icon-large-clipart'">剪贴画</a>
  <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls: 'icon-large-shapes'">图形</a>
  <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls: 'icon-large-smartart'">智能图表</a>
  <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls: 'icon-large-chart'">图表</a>
</div>
<table class="easyui-datagrid" data-options="width: 400, toolbar: '#toolbar'">
  <thead>
    <tr>
      <th data-options="field: 'username'">用户名</th>
      <th data-options="field: 'email'">邮件地址</th>
      <th data-options="field: 'registrationTime'">注册时间</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>zhangsan@126.com</td>
      <td>2004-10-1</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>lisi@sina.com</td>
      <td>2003-8-12</td>
    </tr>
    <tr>
      <td>王五</td>
      <td>wangwu@163.com</td>
      <td>2002-5-29</td>
    </tr>
  </tbody>
</table>
</body>
</html>